@charset "utf-8";
@import url("common.css");

/************************************************************************************/
/* 1. DASHBOARD													*/
/* 2. HEADING															*/
/* 3. MAIN PAGE MODULES STYLE						*/
/************************************************************************************/

/****************************************************************/
/* 1. DASHBOARD													*/
/****************************************************************/
#dashboard_wrap					{ position:relative; display:block; float:left; width:1000px; height:100%; }
	.dashboard_inner_wrap	{ position:relative; display:block; margin:20px; }
		.dashboard_title				{ display:block; width:100%; font-size:40px; font-weight:bold; color:#068ef1; margin:0 0 0 1%; }
	.card1_wrap						{ position:relative; display:block; overflow:hidden; width:100%; padding:1% 0; }
		.card1_1							{ position:relative; display:block; float:left; width:46%; height:270px; padding:1%; margin-left:1%; overflow:hidden; background-color:#fff; }
			.card1_section1			{ position:relative; display:block; float:left; width:49%; border:1px solid #ddd; }
			.card1_section2			{ position:relative; display:block; float:right; width:49%; border:1px solid #ddd; }
			.card1_section3			{ position:relative; display:block; width:100%; margin:2% 0; border:0; }
			.card1_1_layout			{ overflow:hidden; width:100%; padding:5% 0 0 5%; }
				.card1_1_dt,
				.card1_1_dd			{ float:left; height:30px; margin-bottom:5px; }
				.card1_1_dt			{ width:40%; font-weight:bold; }
				.card1_1_dd			{ width:60%; }
					.arr_up				{ color:#ec0b43; }
					.arr_down			{ color:#068ef1; }
		.card1_2							{ position:relative; display:block; float:right; width:46%; height:270px; padding:1%; margin-right:1%; overflow:hidden; background-color:#fff; }
			.card1_2_layout			{ overflow:hidden; width:100%; padding:2% 0 0 2%; }
				.card1_2_dt,
				.card1_2_dd			{ float:left; height:30px; margin-bottom:0px; }
				.card1_2_dt			{ width:17%; font-weight:bold; }
				.card1_2_dd			{ width:33%; }
					.case_go				{ color:#068ef1; }
					.case_go:hover	{ text-decoration:underline; color:#0061a7; }
			.chart_wrap				{ }
				.chart_inner_wrap	{ width:100%; }
					.chart_core			{ width:100%; }

	.card2_wrap						{ position:relative; display:block; overflow:hidden; width:100%; padding:1% 0; }
		.card2_1							{ position:relative; display:block; float:left; width:46%; padding:1%; margin-left:1%; overflow:hidden; background-color:#fff; }
		.card2_2							{ position:relative; display:block; float:right; width:46%; padding:1%; margin-right:1%; overflow:hidden; background-color:#fff; }

	.card3_wrap						{ position:relative; display:block; overflow:hidden; width:100%; padding:1% 0; }
		.card3_1							{ position:relative; display:block; width:96%; padding:1%; margin:0 auto; overflow:hidden; background-color:#fff; }

	.card4_wrap						{ position:relative; display:block; overflow:hidden; width:100%; padding:1% 0; }
		.card4_1							{ position:relative; display:block; width:96%; padding:1%; margin:0 auto; overflow:hidden; background-color:#fff; }
		.card4_2							{ position:relative; display:block; float:left; width:30%; margin:0 0 0 1%; padding:1%; overflow:hidden; background-color:#fff; }

/****************************************************************/
/* 2. HEADING													*/
/****************************************************************/
.h1_1										{ position:relative; display:block; overflow:hidden; font-size:14px; font-weight:bold; height:30px; line-height:30px; text-indent:20px; margin:0 0 10px 0; background:url("../../images/adm_common/h1_1_bullet.gif") no-repeat left 50%; border-bottom:1px dashed #ccc; }
	a.h1_1_more						{ height:30px; line-height:30px; float:right; color:#aaa; }
	a.h1_1_more:hover			{ text-decoration:underline; color:#333; }
	span.h1_1_more				{ height:30px; line-height:30px; float:right; color:#aaa; }
.h2_1										{ position:relative; display:block; overflow:hidden; font-size:12px; height:30px; line-height:30px; text-indent:20px; margin:0 0 10px 0; background:url("../../images/adm_common/h2_1_bullet.gif") no-repeat 10px 12px; }

/****************************************************************/
/* 3. MAIN PAGE MODULES STYLE												   */
/****************************************************************/
	/* TABLES */
		.tb1									{ width:100%; }
		.tb1 thead tr th				{ border-top:2px solid #068ef1; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#eaeaea; padding:10px 0; }
		.tb1 thead tr td				{  }
		.tb1 tbody tr th				{ text-align:center; padding:5px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
		.tb1 tbody tr td				{ text-align:center; padding:5px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
		.tb1 .left							{ text-align:left; padding-left:10px; }
		.tb2									{ width:100%; border-top:2px solid #068ef1; margin-bottom:20px; }
		.tb2 *								{ font-size:12px; }
		.tb2 tbody tr th				{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#eaeaea; padding:10px 0; text-align:center; }
		.tb2 tbody tr th span		{ font-weight:bold; color:#ca0000; margin-right:5px; }
		.tb2 tbody tr td				{ text-align:left; padding:5px 0 5px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; }	
	
	/* INPUT */
		.text_input01									{ border:1px solid #ccc; width:150px; height:20px; }
		.text_input02									{ border:1px solid #ccc; width:80px; height:20px; }
		.text_input03									{ border:1px solid #ccc; width:95%; }
		.text_input04									{ border:1px solid #ccc; width:500px; height:20px; }	
		.radio_input01								{ margin:0 3px 0 0; padding:5px 0 0 0; }
		.radio_label									{ vertical-align:middle; margin:0; line-height:0px; }
		.check_input01								{ vertical-align:middle; }
		.order_detail_view							{ display:block; width:90%; margin:0 auto; text-align:center; padding:5px 0; border:1px solid #ccc; background-color:#f5f5f5; color:#9a7357; font-weight:bold; }
		.order_detail_view:hover				{ text-decoration:underline; color:#068ef1; }
